<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro" xmlns:shro="http://www.pollix.at/thymeleaf/shiro">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"/>
    <title>大成方略乐橙客户管理系统</title>
    <link rel="icon" href="/images/favicon.ico" type="image/ico">
    <link rel="stylesheet" href="/css/materialdesignicons.min.css">
    <link rel="stylesheet" href="/css/bootstrap.min.css">
    <link rel="stylesheet" href="/js/bootstrap-multitabs/multitabs.min.css">
    <!--字体图标引入-->
    <link rel="preload" href="//at.alicdn.com/t/font_2527684_a3jg0ei2m4i.woff2" as="font" type="font/woff2" crossorigin="anonymous">
    <link rel="stylesheet" href="//at.alicdn.com/t/font_2527684_a3jg0ei2m4i.css">
    <link rel="stylesheet" href="/css/style.min.css">
    <link rel="stylesheet" href="/css/skin.css">
</head>

<body>
<aside class="lyear-layout-sidebar">
    <div id="logo" class="sidebar-header">
        <a class="multitabs" href="csd/main"><img src="images/home-logo-new.png" title="logo" alt="大成方略乐橙客户管理系统"></a>
    </div>
    <input type="hidden" id="menuType" name="menuType" th:value="${menuType}">
    <div class="lyear-layout-sidebar-scroll">
        <nav class="sidebar-main">
            <ul class="nav nav-drawer">
                <!--管理模块菜单-->
                <li th:if="${managementModule != null} " class="nav-item active"><a class="multitabs" href="main"><i class="mdi mdi-home"></i> <span>后台首页</span></a></li>
                <li th:if="${managementModule != null}" class="nav-item nav-item-has-subnav" th:each="menu : ${managementModule}">
                    <a href="#">
                        <i th:class="${menu.menuIcon}"></i>
                        <!--<i class="mdi mdi-database"></i>-->
                        <span th:text="${menu.menuName}"></span>
                    </a>
                    <ul class="nav nav-subnav">
                        <li th:each="childSysMenu : ${menu.childSysMenuList}">
                            <a th:if="${#lists.isEmpty(childSysMenu.childSysMenuList)}" class="multitabs"  th:href="@{'/front/'+ ${childSysMenu.menuUrl}}">
                                <i th:class="${childSysMenu.menuIcon}"></i>
                                <span th:text="${childSysMenu.menuName}"></span>
                            </a>
                        </li>
                    </ul>
                </li>

                <!--用户模块菜单-->
                <li th:if="${menuType} eq user" class="nav-item active"><a class="multitabs" href="csd/main"><i class="mdi mdi-home"></i> <span>首页</span></a></li>
                <li th:if="${userModule != null}" class="nav-item nav-item-has-subnav" th:each="menu : ${userModule}">
                    <a href="#">
                        <!--<i class="mdi mdi-database"></i>-->
                        <i th:class="${menu.menuIcon}"></i>
                        <span th:text="${menu.menuName}"></span>
                    </a>
                    <ul class="nav nav-subnav">
                        <li th:each="childSysMenu : ${menu.childSysMenuList}" class="nav-item">
                            <a th:if="${#lists.isEmpty(childSysMenu.childSysMenuList)}" class="multitabs"  th:href="@{'/front/'+ ${childSysMenu.menuUrl}}">
                                <i th:class="${childSysMenu.menuIcon}"></i>
                                <span th:text="${childSysMenu.menuName}"></span>
                            </a>
                            <a th:if="${not #lists.isEmpty(childSysMenu.childSysMenuList)}" href="#">
                                <i th:class="${childSysMenu.menuIcon}"></i>
                                <span th:text="${childSysMenu.menuName}"></span>
                            </a>
                        </li>
                    </ul>
                </li>
            </ul>
        </nav>
    </div>
</aside>
<!--End 左侧导航-->

<!--页面主要内容-->
<main class="lyear-layout-content main">
<!--    <a href="JavaScript:void(0);" class="lyear-aside-toggler"><i class="mdi mdi-chevron-double-left"></i></a>-->
    <div class="lyear-aside-toggler">
        <span class="lyear-toggler-bar"></span>
        <span class="lyear-toggler-bar"></span>
        <span class="lyear-toggler-bar"></span>
        <i class="mdi mdi-chevron-left"></i>
    </div>
    <!-- 头部个人信息/消息 -->
    <div class="header-action" style="width: 240px;">
        <ul class="topbar-right clearfix">
            <!-- 消息 -->
            <li class="dropdown dropdown-notice pull-left">
                <a href="JavaScript:void(0);" data-toggle="dropdown" class="icon-item">
                    <i class="mdi mdi-bell-outline"></i>
<!--                    <span class="badge badge-danger">10</span>-->
                </a>
                <ul class="dropdown-menu dropdown-menu-right">
                    <li>你有 0 条未读消息</li>
                    <!--<li><a href="#!" class="dropdown-item" title="">1、树莓派销量猛增，疫情期间居家工作学习、医疗领域都需要它</a></li>
                    <li><a href="#!" class="dropdown-item" title="">2、GNOME 用户体验团队将为 GNOME Shell提供更多改进</a></li>
                    <li><a href="#!" class="dropdown-item" title="">3、Linux On iPhone 即将面世，支持 iOS的双启动</a></li>
                    <li><a href="#!" class="dropdown-item" title="">4、GitHub 私有仓库完全免费面向团队提供</a></li>-->
                </ul>
            </li>
            <!-- 退出 -->
            <li class="dropdown dropdown-profile pull-left">
                <a href="javascript:void(0)" data-toggle="dropdown" title="">
                    <!--                        <img style="width: 30px;height: 30px;object-fit: cover;" class="img-avatar img-avatar-48 m-r-10" src="images/users/avatar.png" alt="大成方略"/>-->
                    <i class="mdi mdi-account-outline"></i>
                    <span><shiro:principal property="userName"/></span>
                    <i class="mdi mdi-chevron-down"></i>
                </a>
                <ul class="dropdown-menu dropdown-menu-right">
                    <!--<li th:if="${existManagerSysMenu}"><a href="/managerLoginSuccess">切换管理系统</a></li>
                    <li th:if="${menuType} eq manager"><a href="/userLoginSuccess">切换用户系统</a></li>
                    <li th:if="${existManagerSysMenu}" class="divider"></li>-->
                    <li><a href="#!" onclick="userInfo()">个人信息</a></li>
<!--                    <li><a class="multitabs" data-url="lyear_pages_edit_pwd.html" href="javascript:void(0)">修改密码</a></li>-->
                    <li><a href="javascript: window.location.reload(true);">清空缓存</a></li>
                    <li class="divider"></li>
                    <li><a href="/logout">退出登录</a></li>
                </ul>
            </li>
        </ul>
    </div>
    <!-- 头部个人信息/消息 End -->
    <div id="iframe-content"></div>
</main>
<!--End 页面主要内容-->

<script type="text/javascript" src="/js/jquery.min.js"></script>
<script type="text/javascript" src="/js/popper.min.js"></script>
<script type="text/javascript" src="/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/js/perfect-scrollbar.min.js"></script>
<script type="text/javascript" src="/js/bootstrap-multitabs/multitabs.js"></script>
<script type="text/javascript" src="/js/jquery.cookie.min.js"></script>
<script type="text/javascript" src="/js/index.min.js"></script>
<script type="text/javascript">
    // var indexUrl = 'user/main';
    var indexUrl = 'csd/main';   // 管理端新首页

    function  userInfo() {
        parent.$(parent.document).data('multitabs').create({
            iframe: true,
            title: '个人信息',
            url: "/front/user/userInfo"
        },true);
    }
</script>
</body>
</html>